<template>
	<div id="header">	
		<div>
			<mt-header class='header' fixed title="管理员界面">
				<mt-button icon="more" slot="left" @click="openCe_lan"></mt-button>
			</mt-header>
		</div>

		<!-- 测试表单 -->
		<mt-popup class="popup-style" v-model="ce_lan" position="left">
		<mt-cell is-link title="管理员信息" @click.native="Boss"></mt-cell>
			<mt-cell is-link title="发布文章" @click.native="Boss_Message"></mt-cell>
			<mt-cell is-link title="审核文章" @click.native="Boss_Detail"></mt-cell>
			<mt-cell is-link title="所有用户" @click.native="Boss_User"></mt-cell>
		
		</mt-popup>
	</div>
</template>

<script>
	import Vue from 'vue'
	export default {
		name: 'header',
		data() {
			return {
				ce_lan: false,
			}
		},
		methods: {
			openCe_lan(){
				this.ce_lan= true
			},
			Boss(){
				this.$router.push({
                    path: '/Boss'
                })
			},
			Boss_Message(){
				this.$router.push({
                    path: '/Boss_Message'
                })
			},
			Boss_Detail(){
				this.$router.push({
                    path: '/Boss_Detail'
                })
			},
			Boss_User(){
				this.$router.push({
                    path: '/Boss_User'
                })
			},
		

		}
	}
</script>

<style>
.header {
    background-color: gray;
  }
.popup-style {
    width: 50%;
    height: 100%;
  }
	
</style>
